<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" href="../css/bootstrap.min.css" />
		<link rel="stylesheet" href="../css/log1.css" />
		<script type="text/javascript" src="../js/jquery-3.2.1.min.js" ></script>
		<script type="text/javascript" src="../js/bootstrap.min.js" ></script>
	</head>
	<body>
			<div class=".container-fluid head">
			<!--t头部导航-->
			<div class="head-box">
				<div class="left pull-left">
					<p> Mastra</p>
					<span>Follow mastra to invest in foreign exchange</span>
				</div>
				<div class="right pull-right">
							<div type="button" data-toggle="modal" data-target="#myModal" class="yu pull-left">English</div>
                             <!--<button class="pull-right btn btn-danger logo">LoGo</button>-->
				<!-- Modal -->
				<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
					<div class="modal-dialog" role="document">
						<div class="modal-content">
							<div class="modal-header" style="border: none;">
								<!--<button type="button" class="close" data-dismiss="modal" aria-label="Close">-->
									<!--<span aria-hidden="true">&times;</span></button>-->
								<!--<h4 class="modal-title" id="myModalLabel">Language choice</h4>-->
								
								<div id="titlex">
										<p class="pull-left" class="lang" style="color: #ff5252;">Language choice</p>
										<p class="pull-right" id="bal" style=" cursor: pointer;">Global Home</p>
									</div>
								<div class="yuyang">
									<button class="btn btn-default">Chinese </button>
									<button class="btn btn-default">German</button>
									<button class="btn btn-default">Russian  </button>
									<button class="btn btn-default">French </button>
									<button class="btn btn-default">Korean  </button>
								</div>
								<div class="yuyang">
									<button class="btn btn-default">Thai   </button>
									<button class="btn btn-default">Vietnamese  </button>
									<button class="btn btn-default">Japanese  </button>
									<button class="btn btn-default">Arabic  </button>
									<button class="btn btn-default">Estonia   </button>
								</div>
								<div class="yuyang">
									<button class="btn btn-default">Polish </button>
									<button class="btn btn-default">Danish </button>
									<button class="btn btn-default">Finnish   </button>
									<button class="btn btn-default">Dutch  </button>
									<button class="btn btn-default">Czech    </button>
								</div>
								<div class="yuyang">
									<button class="btn btn-default">Romanian </button>
									<button class="btn btn-default">Portuguese </button>
									<button class="btn btn-default">Swedish   </button>
									<button class="btn btn-default">Slovenia</button>
									<button class="btn btn-default">Spanish    </button>
								</div>
								<div class="yuyang">
									<button class="btn btn-default">Greek </button>
									<button class="btn btn-default">Hungarian </button>
									<button class="btn btn-default">Italian  </button>
									<button class="btn btn-default">Bulgarian   </button>
									<button class="btn btn-default">traditional  </button>
								</div>
							</div>
							<div class="modal-footer" style="border: none;">
								<button type="button" class="btn btn-danger" data-dismiss="modal" id="tj">Closed</button>
								<!--<button type="button" class="btn btn-primary">Save changes</button>-->
							</div>
						</div>
					</div>
				   </div>
				</div>
			</div>
		</div>
		<div class="conter">
			<div class="box">
				<div class="left pull-left">
					<!--<img src="../img/登录注册/用户登录-地球.png" class="img1" />-->	
					<!--<img src="../img/登录注册/用户登录-美元.png" class="img2" />
					<img src="../img/登录注册/用户登录-楼.png" class="img3" />
					<img src="../img/登录注册/用户登录-聊天.png" class="img4" />
					<img src="../img/登录注册/用户登录-银行卡.png" class="img5" />
					<img src="../img/登录注册/用户登录-盾牌.png" class="img6" />
					<img src="../img/登录注册/用户登录-走势.png" class="img7" />-->
					<img src="../img/登录注册/代理商登录-红点.png"  class="img1"/>
					<img src="../img/登录注册/代理商登录-红点.png"  class="img2"/>
					<img src="../img/登录注册/代理商登录-红点.png"  class="img3"/>
					<img src="../img/登录注册/代理商登录-红点.png"  class="img4"/>
					<img src="../img/登录注册/代理商登录-红点.png"  class="img5"/>
					<img src="../img/登录注册/代理商登录-红点.png"  class="img6"/>
					<img src="../img/登录注册/代理商登录-红点.png"  class="img7"/>
					<img src="../img/登录注册/代理商登录-红点.png"  class="img8"/>
				</div>
				<div class="right pull-right">
					<div class="title">Agent login</div>
					<div class="tel">
						<img src="../img/登录注册/代理商合作伙伴用户名未输入.png" />
						<input type="text" placeholder="winter" />
					</div>
					<div class="user">
						<img src="../img/登录注册/用户登录-手机号未输入状态.png" />
						<input type="text" placeholder="Please enter your account number" />
						<!--<p class="pull-right">Get the verifying code</p>-->
					</div>
					<div class="xuan">
						<input type="checkbox" />
						<span>Remember password (not recommended in public)</span>
						<p class="pull-right">Get the verifying code</p>
					</div>
					<div class="deng">
						Sign in
					</div>
				</div>
			</div>
		</div>
				<div class="con-six">
			<div class="box">
				<div class="top">
					<div class="left">Mastra</div>
					<div class="con">
						<span class="tt">Follow mastra to invest in foreign exchange</span>
						<span>More than 3 million people around the world are using it</span>
					</div>
					<div class="right">
						<div id="about">About us</div>
						<div id="agent">Agent login</div>
						<div id="partner">Partner login</div>
					</div>
					<div style="clear: both;"></div>
				</div>
			</div>
		</div>
	</body>
	<script>
		$(".deng").click(function(){
			location.href="log2.html"
		})
		 $("#agent").click(function(){
				location.href="log1.html"
			})
			$("#partner").click(function(){
				location.href="log4.html"
			})
			$("#about").click(function(){
				location.href="about.html"
			})
			$("#bal").click(function(){
				location.href="../html/wrap.html"
			})
	</script>
</html>
